@import '~antd/dist/antd.less';

html,
body {
  margin: 0;
  height: 100%;
  width: 100% !important;
}

body {
  overflow-y: scroll !important;
  background: #f0f2f5;
}

.my-heh-tabs {
  .ant-tabs-nav {
    margin: 0 !important;
  }
}

.box-shadow-google() {
  box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0,
    rgba(60, 64, 67, 0.15) 0 1px 3px 1px;
}

.box-shadow-antd() {
  box-shadow: rgb(240, 241, 242) 0 2px 8px 0;
}

.box-shadow-muke() {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.p(@value: 8px) {
  padding: @value;
}

.m(@value: 8px) {
  margin: @value;
}

.w(@value) {
  width: @value;
}

.h(@value) {
  height: @value;
}

// 单行文本省略号
.textOverflow() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

// 多行文本省略号
.textOverflowMulti(@line: 3, @bg: #fff) {
  position: relative;
  max-height: @line * 1.5em;
  margin-right: -1em;
  padding-right: 1em;
  overflow: hidden;
  line-height: 1.5em !important;
  text-align: justify;
  word-break: break-all;
  &::before {
    position: absolute;
    right: 1.01em;
    bottom: 0;
    padding: 0 1px;
    background: @bg;
    text-indent: 0;
    content: '...';
  }
  &::after {
    position: absolute;
    right: 14px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
    content: '';
  }
}

// 清除浮动
.clearfix() {
  zoom: 1;
  &::before,
  &::after {
    display: table;
    content: ' ';
  }
  &::after {
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
  }
}

// 背景颜色
.bgc(@color) {
  background-color: @color;
}

// 文字大小
.fs(@size) {
  font-size: @size;
}

// 圆角
.br(@radius) {
  border-radius: @radius;
}

// display flex
.flex {
  display: flex;
}

// flex 布局会换行
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

// flex 布局水平居中
.flex-x-center {
  justify-content: center;
}

// flex 布局垂直居中
.flex-y-center {
  align-items: center;
}

// display block
.dpb {
  display: block;
}

// display none
.dpn {
  display: none;
}

// text-align center
.tac {
  text-align: center;
}

.vam {
  vertical-align: middle;
}

/*---------重置modal弹出窗的样式---------*/
.heh-modal {
  .ant-modal-header {
    background: #f1f1fa;
    text-align: center;
  }

  .ant-modal-title {
    font-size: 16px;
  }

  .ant-modal-close-icon {
    font-size: 16px;
    color: #2b3441;
  }

  .Modal_Form {
    font-size: 14px;

    label,
    input {
      font-size: 14px;
    }

    .ant-form-item {
      margin-bottom: 16px;
    }

    .ant-form-item-label {
      text-align: left;
    }

    .ant-form-item-required::before {
      content: '';
    }

    .ant-cascader-picker {
      font-size: 14px;
    }
  }
}

/*--------------头部导航栏样式-----------------*/
.heh-topMenu {
  font-size: 16px;

  .ant-menu-item {
    border-bottom: 3px solid transparent !important;
  }

  .ant-menu-item:hover,
  .ant-menu-item-selected {
    border-bottom: 3px solid @primary-color !important;
  }
}

.minHeight100 {
  min-height: 100% !important;
  display: flex;
  background: #fff;
}

.spin-bg-white {
  .ant-spin-nested-loading {
    background: #fff !important;

    .ant-spin-blur {
      opacity: 0 !important;
    }
  }
}

.userTip {
}

.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table {
  margin: -16px 0 0 0 !important;
}

.g2-tooltip-list {
  max-height: 300px;
  padding-right: 20px !important;
  overflow: auto;
  min-width: 200px;

  li {
    padding-right: 20px;
    margin-right: 20px;
  }
}

.ant-pro-table-toolbar {
  height: auto !important;
  padding: 10px 24px !important;
}

.ant-table-expanded-row > td {
  padding: 0 !important;
  border: none !important;
}
